<template>
    <div class="personal">
<!--        <personal-header-->
<!--            @edit-click="editClick"-->
<!--            @cancel-edit-click="cancelEditClick"-->
<!--            @save-edit-click="saveEditClick"-->
<!--        />-->
<!--        <personal-card ref="personalCard"/>-->
        <el-row class="line" :gutter="10">
            <el-col :span="16">
                <my-tasks/>
            </el-col>
            <el-col :span="8">
                <div class="aaaa">
                    <el-empty/>
                </div>
            </el-col>
        </el-row>
        <el-row class="line" :gutter="10">
            <el-col :span="16">
                <my-starts/>
            </el-col>
            <el-col :span="8">
                <div class="aaaa">
                    <el-empty/>
                </div>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import PersonalHeader from "./model/PersonalHeader.vue";
import PersonalCard from "./model/PersonalCard.vue";
import MyTasks from "./model/MyTasks.vue";
import MyStarts from "./model/MyStarts.vue";

export default {
    name: "PersonalHome",
    components: {MyStarts, MyTasks, PersonalCard, PersonalHeader},
    data(){
        return{
        }
    },
    methods:{
        // editClick(){
        //     this.$refs.personalCard.editable = true;
        // },
        // saveEditClick(){
        //     this.$refs.personalCard.saveEdit();
        // },
        // cancelEditClick(){
        //     this.$refs.personalCard.cancelEdit();
        // },
        init(){

        },
    },
    created() {
        this.init();
    }
}
</script>

<style scoped>
*{
    /*border: 1px solid red;*/
}
.personal{
    /*background: white;*/
    min-height: 99%;
}
.my-tasks{
    min-height: 400px;
}
.my-starts{
    min-height: 400px;
}
.line{
    margin-bottom: 10px;
    /*box-sizing: border-box;*/
}
.aaaa{
    height: 100%;
    background: white;
}
</style>
